<template>
    <div class="wrap">
    <header-v></header-v>
		<div class="news-content">
			<div class="tab">
				<router-link to="">公司新闻</router-link>
				<router-link to="">媒体报道</router-link>
				<router-link to="">行业动态</router-link>
			</div>
			<div class="content">
				<ul>
					<li>
						<router-link to="">出境提示：旅游局提示暂缓赴牙买加旅游</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">以色列入境旅游增速显著 2012欲达全球400万游客</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">美联航客机遇乱流下坠 致至少6名乘客受伤</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">美联航客机遇乱流下坠 致至少6名乘客受伤</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">个人赴日游门槛降低 持信用卡金卡可申请签证</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">夏季出游需预防中暑</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">四川千里自驾 黯然掠过北川灾后的余伤</router-link>
						<p class="time">2017-9-27</p>
					</li>
					<li>
						<router-link to="">四川千里自驾 黯然掠过北川灾后的余伤</router-link>
						<p class="time">2017-9-27</p>
					</li>
				</ul>
			</div>
			<div class="page">
				<router-link to="/" class="num"> < </router-link>
				<router-link to="/" class="num active">1</router-link>
				<router-link to="/" class="num">2</router-link>
				<router-link to="/" class="num">3</router-link>
				<router-link to="/" class="num">4</router-link>
				<router-link to="/" class="num">5</router-link>
				<router-link to="/" class="num"> > </router-link>
			</div>
		</div>
    <footer-v></footer-v>
  </div>
</template>


<script>
import footer from '../public/footer'
import header from '../public/header'

export default {
    components: {
        footerV : footer,
        headerV : header
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css" scoped="scoped">
	/* newsList.style */
	.tab {
		overflow: hidden;
	}
	.tab a{
		display: block; width:0.8rem; height: 0.32rem; line-height: 0.32rem; text-align: center; color: rgba(166,28,0,1); border: 0.02rem solid rgba(217,217,217,1); margin:0.2rem auto; margin-left: 0.17rem;  float: left;
	}
	.content ul{
		padding: 0 0.1rem; overflow: hidden;
	}
	.content li{
		width: 100%; border-bottom: 0.01rem dashed #eee; margin-bottom: 0.1rem; padding-bottom: 0.1rem;
	}
	.content li a{
		color: #5A5A5A; line-height: 0.25rem;
	}
	.content li a:hover{
		color:#b63327;
	}
	.content li p{
		color:#929292;
	}
</style>
